<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性的操作</title>
    <style>
        .aColor {
            color: blue;
        }
    </style>
</head>
<body>
<a>点他呀</a>
</body>
<script>
    //setAttribute()添加属性
    let a = document.getElementsByTagName("a")[0];
    a.setAttribute("href", "http://www.baidu.com");

    //setAttribute()获取属性
    let value = a.getAttribute("href");
    alert(value);

    //removAttribute()删除属性
    //a.removeAttribute("href");

    //style属性   添加样式
    a.style.color = "red";
   // className属性   添加指定样式
    a.className = "aColor";


</script>
</html>